<template>
  <div id='viewer-container' class='viewer-container'>
    <slot></slot>
  </div>
</template>

<script>

export default {
  name: 'Viewer',
  data() {
    return {}
  },
  methods: {},
  mounted() {
    MapInstance.initMap({
      container: 'viewer-container',
      callback: (viewer) => {
        this.$emit('on-viewer-completed', viewer)
      }
    })
  }
}
</script>

<style lang='scss' scoped>
.viewer-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
</style>
